<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>Document</title>
	<meta http-equiv="X-UA-Compatible" content="ie=edge,chrome=1">
	<script src="../assets/flexible/flexible.debug.js"></script>
	<script src="../assets/flexible/flexible_css.debug.js"></script>
	<link rel="stylesheet" href="../css/fenlei.css">
	<link rel="stylesheet" href="../css/footer.css">
	<link rel="stylesheet" href="../assets/font-awesome-4.7.0/css/font-awesome.min.css">
</head>
<body>
	<header class="header">
		<div class="left">
			<p>北京</p>
		</div>
		<div class="right">
			<span class="sps">搜索电影、团购、商家、服务</span>
		</div>
	</header>

	<main class="content">
		<div class="left">
			<ul class="ul">
				<li class="active_li">休闲</li>
				<li>出行</li>
				<li>金融</li>
				<li>充值</li>
				<li>生活</li>
			</ul>
		</div>
		<div class="right">
			<div class="xiuxian item">
				<p class="border"></p>
				<p class="total">休闲</p>
				<div class="items">
					<a href="waimai.html">
						<dl>
							<dt><img src="../images/xiuxian_1.png" alt=""></dt>
							<dd>外卖</dd>
						</dl>
					</a>
					<a href="waimai.html">
						<dl>
							<dt><img src="../images/xiuxian_2.png" alt=""></dt>
							<dd>美食团购</dd>
						</dl>
					</a>
					<a href="film.html">
						<dl>
							<dt><img src="../images/xiuxian_3.png" alt=""></dt>
							<dd>优惠券</dd>
						</dl>
					</a>
				</div>
			</div>
			
			<div class="chuxing item">
				<p class="border"></p>
				<p class="total">出行</p>
				<div class="items">
					<a href="dache.html">
						<dl>
							<dt><img src="../images/chuxing_1.png" alt=""></dt>
							<dd>打车</dd>
						</dl>
					</a>
					
					<a href="aircraft.html">
						<dl>
							<dt><img src="../images/chuxing_2.png" alt=""></dt>
							<dd>火车票</dd>
						</dl>
					</a>
					<a href="aircraft.html">
						<dl>
							<dt><img src="../images/chuxing_3.png" alt=""></dt>
							<dd>飞机</dd>
						</dl>
					</a>
					<a href="waimai.html">
						<dl>
							<dt><img src="../images/chuxing_4.png" alt=""></dt>
							<dd>酒店</dd>
						</dl>
					</a>
					<a href="dache.html">
						<dl>
							<dt><img src="../images/chuxing_5.png" alt=""></dt>
							<dd>代驾</dd>
						</dl>
					</a>
				</div>
			</div>
			<div class="jinrong item">
				<p class="border"></p>
				<p class="total">金融</p>
				<div class="items">
					<a href="waimai.html">
						<dl>
							<dt><img src="../images/jinrong_1.png" alt=""></dt>
							<dd>金融</dd>
						</dl>
					</a>
				</div>
			</div>
			<div class="chongzhi item">
				<p class="border"></p>
				<p class="total">充值</p>
				<div class="items">
					<a href="waimai.html">
						<dl>
							<dt><img src="../images/xiuxian_1.png" alt=""></dt>
							<dd>充话费</dd>
						</dl>
					</a>
					<a href="waimai.html">
						<dl>
							<dt><img src="../images/chuxing_1.png" alt=""></dt>
							<dd>充流量</dd>
						</dl>
					</a>
					<a href="chongzhi.html">
						<dl>
							<dt><img src="../images/jinrong_1.png" alt=""></dt>
							<dd>水电煤</dd>
						</dl>
					</a>
				</div>
			</div>
			<div class="shenghuo item">
				<p class="border"></p>
				<p class="total">生活</p>
				<div class="items">
					<a href="waimai.html">
						<dl>
							<dt><img src="../images/xiuxian_2.png" alt=""></dt>
							<dd>查快递</dd>
						</dl>
					</a>
					<a href="waimai.html">
						<dl>
							<dt><img src="../images/chuxing_5.png" alt=""></dt>
							<dd>寄快递</dd>
						</dl>
					</a>
					<a href="waimai.html">
						<dl>
							<dt><img src="../images/chuxing_2.png" alt=""></dt>
							<dd>阅读</dd>
						</dl>
					</a>
					<a href="waimai.html">
						<dl>
							<dt><img src="../images/xiuxian_1.png" alt=""></dt>
							<dd>58租房</dd>
						</dl>
					</a>
					<a href="waimai.html">
						<dl>
							<dt><img src="../images/jinrong_1.png" alt=""></dt>
							<dd>58家政</dd>
						</dl>
					</a>
					<a href="waimai.html">
						<dl>
							<dt><img src="../images/chuxing_4.png" alt=""></dt>
							<dd>58求职</dd>
						</dl>
					</a>
					<a href="waimai.html">
						<dl>
							<dt><img src="../images/chuxing_1.png" alt=""></dt>
							<dd>二手交易</dd>
						</dl>
					</a>
					<a href="waimai.html">
						<dl>
							<dt><img src="../images/xiuxian_1.png" alt=""></dt>
							<dd>二手车</dd>
						</dl>
					</a>
				</div>
			</div>
		</div>
	</main>
	<footer class="footer">
		<a href="shouye.html">
			<dl>
				<dt><i class="fa fa-home" aria-hidden="true"></i></dt>
				<dd>生活</dd>
			</dl>
		</a>
		<a href="faxian.html">
			<dl>
				<dt><i class="fa fa-compass" aria-hidden="true"></i></dt>
				<dd>发现</dd>
			</dl>
		</a>
		<a href="fenlei.html">
			<dl class="active_dl">
				<dt><i class="fa fa-th-large" aria-hidden="true"></i></dt>
				<dd>分类</dd>
			</dl>
		</a>
		<a href="wode.html">
			<dl>
				<dt><i class="fa fa-user-circle-o" aria-hidden="true"></i></dt>
				<dd>我</dd>
			</dl>
		</a>
	</footer>

	<script src="../assets/jquery/jquery-3.2.1.min.js"></script>
	<script src="../js/footer.js"></script>
	<script src="../js/fenlei.js"></script>
</body>
</html>